<!doctype html> 
<html class="no-js" lang="en">
	
	<head>
		<meta charset="utf-8" />
		
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<title>Home Page</title>
		<meta name="description" content="" />
		<meta name="author" content="mODY" />
		<meta name="viewport" content="width=device-width; initial-scale=1.0" />
		<!-- JavaScripts --->
		<script src="js/mylibs/jquery.min.js"></script>
		<script src="js/mylibs/jquery.easing-1.3.pack.js"></script>
		<script src="js/mylibs/jquery.fancybox-1.3.4.js"></script>
		<script src="js/mylibs/jquery.mousewheel-3.0.4.pack.js"></script>
		<script src="js/mylibs/jqbanner.js"></script>
		<script>
		$(document).ready(function(){	
			$('#announcement').parent().addClass('selected');
			$("#view1").click(function(){
					$.fancybox({
						'height' : '100%',
						'width' : '100%',
						'href' : 'viewEntry.html?id=0',
						'type': 'iframe'
					});		
			});
			$("#view2").click(function(){
					$.fancybox({
						'height' : '100%',
						'width' : '100%',
						'href' : 'viewEntry.html?id=1',
						'type': 'iframe'
					});		
			});
		});
		$(function(){
	        	$('#nav>ul>li>a').click(function(){
	        	        id = $(this).attr('id');
	                        var iframe = document.getElementById('iframec');
                                if(id == 'announcement') 
                                        iframe.src = 'announcementsList.html';
                                else if(id == 'articles')
                                        iframe.src = 'articlesList.html';
                                else if(id == 'reports') 
                                        iframe.src = 'complaintsList.html'
                                else if(id == 'routes') 
                                        iframe.src = 'search.html';
                                else if(id == 'myroutes') 
                                        iframe.src = 'gov_routes.html';
										
                                $('.selected').removeClass('selected');
                                $(this).parent().addClass('selected');
		        });
		});
		$(document).ready(
				function(){
					
				}
			);
		</script>
		<!-- CSS -->
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/jquery.fancybox-1.3.4.css" />
		<link rel="stylesheet" media="screen" href="css/jqbanner.css" />
		<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
		<link rel="shortcut icon" href="/favicon.ico" />
		<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
	</head>
	<body>
        <div id="container">
			<div id="main" role="main">
				<header>
					<h1>Aroo7 Ezay?</h1>
					<div class="aux">
						<table>
							<tr><td>Welcome to the Government Portal</td></tr>
							<tr><td align="right">UserName <a href="#" id="logout">Logout </a></td></tr>
						</table>
					</div>
				</header>
				<div id="jqb_object" align="center" class="banner">
					<br /><br />
				</div>
				<div id="nav">
					<ul>
						<li><a  id="announcement" href="#">Announcments</a></li>
						<li><a  id="articles" href="#">Articles</a></li>
						<li><a  id="reports" href="#">Complaints</a></li>
						<li><a  id="myroutes" href="#">Add Routes</a></li>
						<li><a  id="routes" href="#">Search Routes</a></li>
					</ul>
				</div>
				<div id="content">
					<iframe id="iframec" allowtransparency="yes" src="announcementsList.html"></iframe>
				</div>
			</div>
			<footer style="color: white;">&copy; Aroo7 Ezay, 2011</footer>
		</div>
	</body>
</html>
